<template>
	<view class='person_box' v-if="yonghuInfo.shop_id == 0">
		<view class="toutou">
			<image src="../../static/daohang.png" mode="" @click="daohang"
				style="width: 80upx;height: 80upx;padding-top: 70upx;padding-right: 24upx;"></image>
				
		</view>
		<view>
			<view style="display: flex;color: #fff;justify-content: space-between;padding-bottom: 0;">
				<view class="tou" style="position: relative;top: -88upx;left: 10px;">
					<!-- <img :src="useinfo.headimgurl" alt="" style="width: 180upx;height: 180upx;border-radius: 50%;" @click="xiugai"> -->
					<avatar selWidth="300px" selHeight="300px" @upload="myUpload" :avatarSrc="url"
						avatarStyle="width: 200upx;height: 200upx;border-radius: 50%;">
					</avatar>
					<text style="font-size: 36upx;color: #fff;padding: 30upx;">{{useinfo.user_name}}</text>
					<image src="../../static/nan.png" mode=""
						style="width: 30upx;height: 30upx;position: absolute;top: 10upx;left: 146upx;"
						v-show="sexindex == 1"></image>
					<image src="../../static/nv.png" mode=""
						style="width: 30upx;height: 30upx;position: absolute;top: 10upx;left: 146upx;"
						v-show="sexindex == 2"></image>
				</view>
				<view style="display: flex;font-size: 30upx;">
					<view style="display: flex;flex-direction: column;padding-right: 98upx;align-items: center;"
						@click="toguanzhu()">
						<text style="color: #999999;font-size: 24upx;">关注</text>
						<text>{{useinfo.myfollow_num}}</text>
					</view>
					<view style="display: flex;flex-direction: column;padding-right: 30upx;align-items: center;"
						@click="tofensi()">
						<text style="color: #999999;font-size: 24upx;">粉丝</text>
						<text>{{useinfo.followme_num}}</text>
					</view>
				</view>
			</view>

			<view class="jieshao" style="padding-top: 0; position: relative;top: -40px;">
				<view style="display: flex;align-items: center;padding-left: 30upx;">
					<view v-if="useinfo.evaluation" style="display: flex;align-items: center;" @click="toziliao()">
						<text style="color: #fff;font-size: font-size: 30upx;padding-right: 10upx;vertical-align:middle;">
							{{useinfo.evaluation}}<image src="@/static/bis.png" mode="" style="width: 30upx;height: 30upx;padding-left:10upx;" >
						</image>
						</text>
						
					</view>
					
					<!--  -->
					<view style="display: flex;align-items: center;" v-else>
						<input type="text" value="" placeholder="点击添加介绍，让大家认识你" disabled />
						<image src="@/static/bis.png" mode="" style="width: 30upx;height: 30upx;padding-left:10upx;" @click="toziliao()">
						</image>
					</view>
				</view>
				<view class="person_center">
					<view style="display: flex;flex-direction: column;">
						<view style="display: flex;flex-wrap: wrap;">
							<view class="desc_box" v-if="useinfo.salary">
								{{useinfo.salary}}
							</view>
							<view class="desc_box" style="margin-left: 15upx;" v-if="useinfo.edu_name">
								{{useinfo.edu_name}}
							</view>
							<view class="desc_box" style="margin-left: 15upx;" v-if="useinfo.school_name">
								{{useinfo.school_name}}
							</view>
							<view class="desc_box" style="margin-left: 15upx;margin-right: 15upx;"
								v-if="useinfo.pos_name">
								{{useinfo.pos_name}}
							</view>
							<view class="desc_boxw" v-if="useinfo.city_name">
								期望城市：{{useinfo.city_name}}
							</view>
						</view>

					</view>
				</view>
				<view
					style="display: flex;justify-content: space-between;padding: 30upx;align-items: center;padding-left: 20upx;"
					v-show="pan==1">
					<view class="hui" @click="tobianji">求职信息</view>
					<view class="hui" style="margin-left: 20upx;" @click="toshipin()">上传视频</view>
				</view>
			</view>

			<view class="works" style="position: relative; top: -40px;">

				<view class="hint">
					<view style="display: flex;align-items: center;padding-bottom:20upx;">
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<text :class="isshow ==1?'ggw':'gg'" @click="zonghe">综合<text
									style="padding-left: 6upx;">{{worksq.length}}</text></text>
							<text class="heng" v-show="isshow ==1"></text>
						</view>
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<text :class="isshow ==2?'ggw':'gg'" style="margin-left: 50upx;" @click="shoucang()">收藏
								<text style="padding-left: 6upx;">{{workh.length}}</text>
							</text>
							<text class="heng" v-show="isshow ==2" style="margin-left: 50upx;"></text>
						</view>
					</view>
				</view>
				<scroll-view scroll-y="" class="works_center" @scrolltolower='bottomScroll' v-if="works.length>0">
					<view class="works_box" style="position: relative;">
						<view v-for="(item,index) in works" :index="index" style="position: relative;">
							<view class='item' @click="navPlayer(item.id,index)" style="margin-top: 10upx;">
								<image :src='item.cover_img'></image>
								<text class="title">{{item.title}}</text>
							</view>
							<text
								style="display: inline-block;width: 80upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FFC600;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
								v-if="item.is_per_rec==1&&isshow==1">置顶</text>
							<text
								style="display: inline-block;width: 90upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF8400;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
								v-if="item.status==0">审核中</text>
							<text
								style="display: inline-block;width: 120upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF342A;;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
								v-if="item.status==2">审核失败</text>
								<text
									style="display: inline-block;width: 120upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF342A;;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
									v-if="item.status==3">已下架</text>
						</view>

					</view>
				</scroll-view>
				<view style="width: 100%;height: 400upx;display: flex;justify-content: center;align-items: center;" v-else>
					<image src="@/static/wuzuo.png" mode="" style="width: 280upx;height: 280upx;" v-if="isshow ==1"></image>
					<image src="@/static/wuzang.png" mode="" style="width: 280upx;height: 280upx;" v-else></image>
				</view>
			</view>
		</view>
		<view class="popup_box">
			<uni-popup ref="popup" type="bottom">
				<view class='center'>
					<view class='content' @click="openMap">腾讯地图</view>
					<view class="cancel" @click="cencel">取消</view>
				</view>
			</uni-popup>
			<uni-popup ref="tel" type="bottom">
				<view class='center'>
					<view class='content' @click="callTel">{{info.telephone}}</view>
					<view class="cancel" @click="cencelTel">取消</view>
				</view>
			</uni-popup>
			<uni-popup ref="complaint" type="bottom">
				<view class='center'>
					<view class='content' @click="callTel">{{info.telephone}}</view>
					<view class="cancel" @click="cencelTel">提交</view>
				</view>
			</uni-popup>
			<complanit ref="complanit"></complanit>
			<uni-popup ref="cebian" type="right">
				<view class='youce'>
					<view class="qsan">
						<view @click="tocart">
							<image src="../../static/cart.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">购物车</text>
						</view>
						<view @click="todingdan">
							<image src="../../static/dingdan.png" mode="" style="width: 34upx;height: 34upx;">
							</image>
							<text style="font-size: 30upx;color: #FEFEFE;">订单</text>
						</view>
						<view @click="dizhi">
							<image src="../../static/dizhi.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">收货地址</text>
						</view>
					</view>
					<view class="qsan">
						<view @click="toshop">
							<image src="../../static/shopg.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">成为商家</text>
						</view>
						<view @click="juan">
							<image src="../../static/juan.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">优惠券</text>
						</view>
					</view>
					<view class="qsan">
						<view @click="toguanzhu()">
							<image src="../../static/guanzhu.png" mode="" style="width: 34upx;height: 34upx;">
							</image>
							<text style="font-size: 30upx;color: #FEFEFE;">我的关注</text>
						</view>
						<view @click="tolahei()">
							<image src="../../static/lahei.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">黑名单</text>
						</view>
					</view>
					<view class="housi">

						<view @click="set">
							<image src="../../static/set.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">设置</text>
						</view>
					</view>
				</view>
			</uni-popup>
			<view class="popUpBox" v-if="showBox == 1">
				<view class="tel">
					<image :src="cosUrl+'images/tel.png'"></image>
				</view>
				<view class="text f30 c3" style="margin-top: 33upx;"> 客服热线</view>
				<view class="text f30 c3">{{serviceHotline}}</view>
				<view class="button" @click="dail(serviceHotline)">拨打电话</view>
				<view class="cancel" @click="hideMask()">
					<u-icon name="close-circle" color="#eee" size="48"></u-icon>
				</view>
			</view>
		</view>

	</view>
	<view v-else class='person_box' style="position: relative;top: 0;">

		<view class='person_boxd' style="position: relative;top: -5px;">
			<view class="toutou">
				<image src="../../static/daohang.png" mode="" @click="daohangs"
					style="width: 80upx;height: 80upx;padding-top: 111upx;padding-right: 24upx;"></image>
			</view>
			<view class="person_top across">
				<view class="vertical avatar_box">
					<image :src='info.logo' style="height: 150upx;width: 150upx;border-radius: 50%;"></image>
					<view class="shop_name" style="left: 4px;">{{info.shop_name}}</view>
				</view>
				<view class="nums_box across">
					<view class='across' @click="toguanzhu()"
						style="display: flex;flex-direction: column;justify-content: center;align-items: center;margin-right: 30upx;">

						<view style="color: #999999;font-size: 24upx;">关注</view>
						<view class='bold'>{{info.myfollow_num}}</view>
					</view>
					<view class='across'
						style="margin-left: 30upx;display: flex;flex-direction: column;justify-content: center;align-items: center;"
						@click="tofensi()">

						<view style="color: #999999;font-size: 24upx;">粉丝</view>
						<view class='bold'>{{info.followme_num}}</view>
					</view>
				</view>
			</view>
			<view class="person_center">
				<view class="info_box across">
					<view class="address">
						{{info.shengshiqu}}{{info.address}}
					</view>
					<view class="across handle">
						<image @click="openditu" src='../../static/images/img/nav.png'></image>
						<!-- <image @click="openTel" src="../../static/images/img/phone.png"></image> -->
					</view>
				</view>
				<view class="desc_boxa">
					{{info.shop_desc}}
				</view>

				<view class="hint_box across" style="padding-top: 30upx;">
					<view class="across">
						<view class="img_box">
							<image src="../../static/zhanhui/wenj.png" mode=""></image>
						</view>
						<view class="vertical" @click="ziliao">
							<view class='title'>宣传资料</view>
							<view>下载资料</view>
						</view>
					</view>
					<view class="across">
						<view class="img_box">
							<image src="../../static/images/img/car.png" mode=""></image>
						</view>
						<view class="vertical" @click="navWindowcase">
							<view class='title'>商品橱窗</view>
							<view>{{info.totalshop_num.goods_num}}件商品</view>
						</view>
					</view>
					<view class="across" @click="openZhi">
						<view class="img_box">
							<image src="../../static/zhiwei.png" mode=""></image>
						</view>
						<view class="vertical">
							<view class='title'>招聘职位</view>
							<view>{{zhilist.length}}个</view>
						</view>
					</view>
					<view class="across" v-if='info.alivetime !=""' @click="navLive">
						<view class="img_box">
							<image src="../../static/images/img/live_icon.png" mode=""></image>
						</view>
						<view class="vertical">
							<view class='title'>直播动态</view>
							<view>{{info.alivetime}}开播</view>
						</view>
					</view>
				</view>
			</view>
			<view class="works" style="padding-top: 30upx;">
				<view class="hint">
					<view style="display: flex;align-items: center;padding-bottom:20upx;">
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<text :class="isshow ==1?'ggw':'gg'" @click="szh">综合<text
									style="padding-left: 6upx;">{{worksdd.length}}</text></text>
							<text class="heng" v-show="isshow ==1"></text>
						</view>
						<view style="display: flex;flex-direction: column;justify-content: center;align-items: center;">
							<text :class="isshow ==2?'ggw':'gg'" style="margin-left: 50upx;" @click="shoucangs">收藏
								<text style="padding-left: 6upx;">{{workspp.length}}</text>
							</text>
							<text class="heng" v-show="isshow ==2" style="margin-left: 50upx;"></text>
						</view>
					</view>
				</view>
				<scroll-view scroll-y="" class="works_center" @scrolltolower='bottomScroll' style="padding-top: 10upx;"
					v-if="worksd.length>0">
					<view class="works_box" style="position: relative;">
						<view v-for="(item,index) in worksd" :index="index">
							<view class='item' @click="navPlayerd(shop_id,index)" style="margin-top: 10upx;">
								<image :src='item.cover_img'></image>
								<text class="title">{{item.title}}</text>
							</view>
							<text
								style="display: inline-block;width: 80upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FFC600;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
								v-if="item.is_per_rec==1">置顶</text>
								<text
									style="display: inline-block;width: 90upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF8400;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
									v-if="item.status==0">审核中</text>
								<text style="display: inline-block;width: 120upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF342A;;border-radius: 5px;padding:2px;position: absolute;top:200px;text-align:center;margin-left:10upx;margin-top:20upx;"
									v-if="item.status==2">审核失败</text>
									<text
										style="display: inline-block;width: 120upx;height: 35upx;color:#Fff;font-size: 24upx;background: #FF342A;;border-radius: 5px;padding:2px;position: absolute;top:0;text-align:center;margin-left:10upx;margin-top:20upx;"
										v-if="item.status==3">已下架</text>
						</view>
						
					</view>
				</scroll-view>
				<view style="width: 100%;height: 400upx;display: flex;justify-content: center;align-items: center;"v-else>
					<image src="@/static/wuzuo.png" mode="" style="width: 280upx;height: 280upx;" v-if="isshow ==1"></image>
					<image src="@/static/wuzang.png" mode="" style="width: 280upx;height: 280upx;" v-else></image>
				</view>
			</view>
			<uni-popup ref="cebiantwo" type="right">
				<view class='youce'>
					<view class="qsan">
						<view @click="tocart">
							<image src="../../static/cart.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">购物车</text>
						</view>
						<view @click="todingdan">
							<image src="../../static/dingdan.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">订单</text>
						</view>
						<view @click="dizhi">
							<image src="../../static/dizhi.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">收货地址</text>
						</view>
					</view>
					<view class="qsan">
						<view @click="toshop">
							<image src="../../static/shopg.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">商家入驻</text>
						</view>
						<view @click="juan">
							<image src="../../static/juan.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">优惠券</text>
						</view>
						<view @click="toguanzhu()">
							<image src="../../static/guanzhu.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">我的关注</text>
						</view>
					</view>
					<view class="housi">
						<!-- 				<view @click="showPopUpBox()">
							<image src="../../static/help.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">帮助</text>
						</view> -->
						<view @click="set">
							<image src="../../static/set.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">设置</text>
						</view>
					</view>
				</view>
			</uni-popup>
			<uni-popup ref="cebiantwo" type="right">
				<view class='youce'>
					<view class="qsan">
						<view @click="tocart">
							<image src="../../static/cart.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">购物车</text>
						</view>
						<view @click="todingdan">
							<image src="../../static/dingdan.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">订单</text>
						</view>
						<view @click="dizhi">
							<image src="../../static/dizhi.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">收货地址</text>
						</view>
					</view>
					<view class="qsan">
						<view @click="$u.route({url:'/pagesB/seller/index',params:{shop_id:yonghuInfo.shop_id}})">
							<image src="../../static/shopg.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">商家管理</text>
						</view>
						<view @click="juan">
							<image src="../../static/juan.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">优惠券</text>
						</view>
						<view @click="toguanzhu()">
							<image src="../../static/guanzhu.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">我的关注</text>
						</view>
						<view @click="tolahei()">
							<image src="../../static/lahei.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">黑名单</text>
						</view>
					</view>
					<view class="housi">
						<!-- 				<view @click="showPopUpBox()">
							<image src="../../static/help.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">帮助</text>
						</view> -->
						<view @click="set">
							<image src="../../static/set.png" mode="" style="width: 34upx;height: 34upx;"></image>
							<text style="font-size: 30upx;color: #FEFEFE;">设置</text>
						</view>
					</view>
				</view>
				<view class="popUpBox" v-if="showBox == 1">
					<view class="tel">
						<image :src="cosUrl+'images/tel.png'"></image>
					</view>
					<view class="text f30 c3" style="margin-top: 33upx;"> 客服热线</view>
					<view class="text f30 c3">{{serviceHotline}}</view>
					<view class="button" @click="dail(serviceHotline)">拨打电话</view>
					<view class="cancel" @click="hideMask()">
						<u-icon name="close-circle" color="#eee" size="48"></u-icon>
					</view>
				</view>
			</uni-popup>
			<uni-popup ref="ditu" type="bottom">
				<view class='center'>
					<view class='content' @click="openMap">腾讯地图</view>
					<view class="cancel" @click="cencel">取消</view>
				</view>
			</uni-popup>
			<uni-popup ref="tel" type="bottom">
				<view class='center'>
					<view class='content' @click="callTel">{{info.telephone}}</view>
					<view class="cancel" @click="cencelTel">取消</view>
				</view>
			</uni-popup>
			<uni-popup ref="zhiwei" type="bottom">
				<view class='zhiweis' v-if="isShow">
					<scroll-view scroll-y="true" style="width: 100%;background-color: #FFFFFF;">
						<div
							style="display: flex;flex-direction: row;padding-left: 30upx;justify-content: flex-end;">
							<text style="font-size: 13px;padding-right:280upx;">职位</text>
							<image src="@/static/closed.png" mode=""
								style="width: 38upx;height: 38upx;padding-right:50upx;" @click="cencelZhi"></image>
						</div>
						<div class="zhilist" v-for="(item,index) in zhilist" :key="index" style="padding: 0 30upx;"
							@click.stop.prevent="zhidetail(item.id)">
							<div
								style="flex-direction: row;justify-content: space-between;align-items: center;display: flex;padding-top:10upx;">
								<text>{{item.job_name}}</text>
								<text style="font-weight: normal;">{{item.min_salary}}k-{{item.max_salary}}k</text>
							</div>
							<div class="zhong"
								style="padding: 15upx;flex-direction: row;align-items: center;padding-top: 30upx;padding-left: 0;">
								<div
									style="width: 140upx;height: 50upx;background: #F5F5F5;;border-radius: 15upx;line-height: 50upx;text-align: center;">
									<text style="color: #666;font-size: 26upx;line-height: 50upx;">{{item.year}}年</text>
								</div>

							</div>
							<div
								style="flex-direction: row;justify-content: space-between;align-items: center;display: flex;padding: 20upx 0;">
								<text style="font-size: 28upx;color: #999999;">{{item.work_address}}</text>
							</div>
						</div>
					</scroll-view>
				</view>
				<div v-else style="background-color: #fff;padding: 30upx 0;">
					<div style="display: flex;flex-direction: row;align-items: center;padding-left: 30upx;">
						<image src="@/static/zuo.png" mode="" style="width: 44upx;height: 44upx;" @click="isShow=true">
						</image>
						<text style="margin-left: 120px;">职位详情</text>
					</div>
					<div class="zhilist" style="border: none;margin-top: 30upx;padding: 0 30upx;">
						<div
							style="flex-direction: row;justify-content: space-between;align-items: center;display: flex;">
							<text>{{zlist.job_name}}</text>
							<text style="font-weight: normal;">{{zlist.min_salary}}k-{{zlist.max_salary}}k</text>
						</div>
						<div class="zhong"
							style="padding: 15upx;flex-direction: row;align-items: center;display: flex;">
							<div style="flex-direction: row;display: flex;text-align: center;">
								<text
									style="color: #999999;font-size: 26upx;text-align: center;line-height: 50upx;">{{zlist.work_address}}</text>
							</div>
							<div style="flex-direction: row;display: flex;text-align: center;padding-left: 30upx;">
								<text
									style="color: #999999;font-size: 26upx;text-align: center;line-height: 50upx;">{{zlist.year}}</text>
							</div>
						</div>
						<div style="flex-direction: column;justify-content: center;align-items: flex-start;">
							<text>职位描述</text>
							<div
								style="width: 140upx;height: 50upx;background: #F5F5F5;border-radius: 15upx;line-height: 50upx;text-align: center;margin-top: 30upx;">
								<text style="color: #666666;font-size: 26upx;line-height: 50upx;">计算机类</text>
							</div>
						</div>
						<div
							style="flex-direction: column;justify-content: center;align-items: flex-start;margin-top: 50upx;padding-bottom: 40upx;">
							<text>岗位职责</text>
							<text style="padding: 20upx;">
								{{zlist.desc}}
							</text>
						</div>
		<!-- 				<div
							style="background-color: #FF3D3D;width: 600upx;border-radius: 15upx;color: #FFFFFF;text-align: center;height: 88upx;margin: 0 auto;margin-left: 30upx;">
							<text style="color: #fff;text-align: center;line-height: 88upx;">投递</text>
						</div> -->
					</div>
				</div>
			</uni-popup>
		</view>
	</view>
	</view>

</template>

<script>
	import worksItem from '@/components/video/worksItem.vue'
	import avatar from "@/components/yq-avatar/yq-avatar.vue";
	import {
		pathToBase64,
		base64ToPath
	} from '@/components/mmmm-image-tools/index.js'
	import complanit from '@/components/complaint.vue'
	// import {uniPopup} from '@dcloudio/uni-ui'
	export default {
		data() {
			return {
				info: {
					shop_name: '',
					totalshop_num: {
						goods_num: ''
					},
					shengshiqu: '',
					address: '',
					shop_desc: '',
					alivetime: ''
				},
				isShow: true,
				works: [],
				zlist: {},
				worksd: [],
				cosUrl: '',
				zhilist: [],
				url: "../../../static/tianjia.png",
				works_num: '',
				clickLoading: false,
				shop_id: '',
				useinfo: {},
				serviceHotline: '',
				page: 1,
				isUpdate: true,
				userId: '',
				pan: 1,
				showBox: 0,
				sexindex: '',
				myinfo: {},
				yonghuInfo: {},
				isshow: 1,
				workh: [],
				worksq: [],
				worksf: [],
				worksdd: [],
				workspp:[]
			}
		},
		components: {
			avatar,
			worksItem,
			complanit
		},
		onShow() {
			
			this.$http.getreadprofile().then(res => {
				console.log(res, "微信登录没有走这里吗")
				uni.setStorageSync('userInfo', JSON.stringify(res.data));
				if (res.status == 200) {
					this.yonghuInfo = res.data
					this.shop_id = res.data.shop_id
					var shop_id = res.data.shop_id
					this.$http.shop_info({
						shop_id,
					}).then(res => {
						// console.log(res,"微信登录没有走这里吗")
						if (res.status == 200) {
							this.info = res.data
							uni.setNavigationBarTitle({
								title: this.info.shop_name
							})
						}
					}).catch(err => {

					})
					uni.request({
						url: 'https://dsx.cdzer.com/api/Job/getshopjob', //仅为示例，并非真实接口地址。
						method: 'POST',
						data: {
							uid: '',
							shop_id
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded',
						},
						success: (res) => {
							console.log(res.data.data, "招聘职位列表")
							this.zhilist = res.data.data
						}
					});
					uni.request({
						url: 'https://dsx.cdzer.com/api/MemberInfo/getuserinfo', //仅为示例，并非真实接口地址。
						method: 'POST',
						data: {
							uid: res.data.id
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded',
						},
						success: (res) => {
							console.log(res, "这里有没有请求啊")
							this.useinfo = res.data.data
							this.url = res.data.data.headimgurl
							if (this.useinfo.sex == 1) {
								this.sexindex = 1
							} else if (this.useinfo.sex == 2) {
								this.sexindex = 2
							}
						}
					});
					if(this.isshow == 1){
						this.zonghe()
						this.$http.shop_video({
							shop_id,
							page: this.page,
						}).then(res => {
							if (res.status == 200) {
								this.worksd = res.data.video_list
								this.worksdd = res.data.video_list
								this.works_num = res.data.toal_num
								if (res.data.length == 0) {
									// this.worksd = []
									this.page = --this.page
									this.loadingType = 2
								}
								this.isUpdate = true
							} else {
								// this.worksd = []
								this.worksdd = []
							}
						})
					}else{
						// alert(111)
						this.shoucang()
						this.shoucangs()
					}
					uni.request({
						url: 'https://dsx.cdzer.com/api/MemberInfo/user_video', //仅为示例，并非真实接口地址。
						data: {
							uid: res.data.id,
							br_uid:res.data.id,
							page: this.page,
							type: 1
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded',
						},
						method: 'POST',
						success: (res) => {
							if (res.data.status == 400) {
								this.works = []
							} else {
								this.worksq = res.data.data.video_list
							}
						}
					});
					uni.request({
						url: 'https://dsx.cdzer.com/api/MemberInfo/user_video', //仅为示例，并非真实接口地址。
						data: {
							uid: res.data.id,
							br_uid:res.data.id,
							page: this.page,
							type: 2
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded',
						},
						method: 'POST',
						success: (res) => {
							if (res.data.status == 400) {
								this.workh = []
							} else {
								this.workh = res.data.data.video_list
							}
						}
					});
					this.$http.shop_video({
						shop_id,
						page: this.page,
						type: 1
					}).then(res => {
						if (res.status == 200) {
							// this.worksd = res.data.video_list
							this.worksdd = res.data.video_list
							this.works_num = res.data.toal_num
							if (res.data.length == 0) {
								// this.worksd = []
								this.page = --this.page
								this.loadingType = 2
							}
							this.isUpdate = true
						} else {
							// this.worksd = []
							this.worksdd = []
						}
					})
					this.$http.shop_video({
						shop_id,
						page: this.page,
						type: 2
					}).then(res => {
						if(res.data.length == 0){
								this.workspp = []
						}else{
							this.workspp = res.data.video_list
						}
					})
				} else {
					uni.navigateTo({
						url: '/pagesB/login/login'
					})
				}
			})
			// this.initData()
		},
		onLoad(options) {
			try {
				const value = uni.getStorageSync('userInfo');
				if (value) {
					// this.myinfo = JSON.parse(value)
				} else {
					// alert(222)
				}
			} catch (e) {
				// error
			}
			if (options.userId) {
				this.userId = options.userId
			}
			if (options.padding) {
				this.pan = options.padding
			}
           if(options.typew){
			   this.isshow = options.typew
		   }
			this.cosUrl = this.STATICURL
			this.bgheadSrc = `url(${this.STATICURL}images/bg-myHead.jpg)`

			this.getServiceHotline();
			this.$http.getxx({
				page: this.page,
				page_size: 10,
			}).then(res => {
				if (res.data.read_num == 0) {
					// alert(111)
					var num = ''
					uni.removeTabBarBadge({
						index: 3
					})
				} else {
					// alert(222)
					var num = JSON.parse(res.data.read_num)
					uni.setTabBarBadge({
						index: 3,
						text: num + ''
					})
				}
			})

		},
		computed: {

			getapplyDistributorBanner() {
				return this.STATICURL + 'images/distribution/bg-applyDistributor.jpg'
			},
			getImgInviteBanner() {
				return this.STATICURL + 'images/distribution/img-invite3.png'
			},
		},
		methods: {
			myUpload(rsp) {
				console.log(rsp, "图片选择呀")
				this.url = rsp.path; //更新头像方式一
				pathToBase64(rsp.path).then(base64 => {
					console.log(this.turl, "this.turlthis.turl")
					uni.request({
						url: 'https://dsx.cdzer.com/merchants/Video/uploadImage', //仅为示例，并非真实接口地址。
						data: {
							cover_image: base64
						},
						header: {
							'content-type': 'application/x-www-form-urlencoded',
						},
						method: 'POST',
						success: (res) => {
							console.log(res, "上传视频封面")
							this.zhenImg = res.data.data.image_url
							var data ={
								field_name:'headimgurl',
								field_data:this.zhenImg
							}
							this.$http.useben(data).then(res => {
								if (res.status == 200) {
									console.log(res, "保存资料")
									this.$hideLoading()
									uni.showToast({
										title: res.mess
									})
								} else {
									uni.showToast({
										title: res.mess,
										icon: 'none'
									})
								}
							})
						}
					});
				}).catch(error => {
					console.log(error)
				})
				//rsp.avatar.imgSrc = rsp.path; //更新头像方式二
			},
			tolahei() {
				uni.navigateTo({
					url:'./lahei'
				})
			},
			dail(tel) {
				uni.makePhoneCall({
					phoneNumber: tel
				})

			},
			szh() {
				let shop_id = this.info.id
				
				this.$http.shop_video({
					shop_id,
					page: this.page,
					type: 1
				}).then(res => {
					this.isshow = 1
					if (res.status == 200) {
						
						this.worksd = res.data.video_list
						this.worksdd = res.data.video_list
						this.works_num = res.data.toal_num
						if (res.data.length == 0) {
							this.page = --this.page
							this.worksd = []
							this.loadingType = 2
						}
						this.isUpdate = true
					} else {
						this.worksd = []
						this.worksdd = []
					}
				})
			},
			shoucangs() {
				
				console.log(this.info, "let shop_id = this.info.shop_idlet shop_id = this.info.shop_id")
				let shop_id = this.info.id
				
				this.$http.shop_video({
					shop_id,
					page: this.page,
					type: 2
				}).then(res => {
					this.isshow = 2
					if (res.status == 200) {
						if (res.data.video_list.length > 0) {
							
							this.worksd = res.data.video_list
							this.worksf = res.data.video_list

						} else {
							this.worksd = []
						}
						this.works_num = res.data.toal_num
						if (res.data.length == 0) {
							this.page = --this.page
							this.loadingType = 2
						}
						this.isUpdate = true
					} else {
						this.worksd = []
						this.worksf = []

					}
				})
			},
			zonghe() {
				
				uni.request({
					url: 'https://dsx.cdzer.com/api/MemberInfo/user_video', //仅为示例，并非真实接口地址。
					data: {
						uid: this.yonghuInfo.id,
						br_uid:this.yonghuInfo.id,
						page: this.page,
						type: 1
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
					},
					method: 'POST',
					success: (res) => {
						this.isshow = 1
						console.log(res, "上传视频")
						if (res.data.status == 400) {
							this.works = []
							this.worksq = []
						} else {
							
							this.works = res.data.data.video_list
							this.worksq = res.data.data.video_list
						}
					}
				});
			},
			shoucang() {
				// this.isshow = 2
				console.log(this.yonghuInfo, "this.userIdthis.userId")
				uni.request({
					url: 'https://dsx.cdzer.com/api/MemberInfo/user_video', //仅为示例，并非真实接口地址。
					data: {
						uid: this.yonghuInfo.id,
						br_uid:this.yonghuInfo.id,
						page: this.page,
						type: 2
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
					},
					method: 'POST',
					success: (res) => {
						this.isshow = 2
						console.log(res, "上传视频")
						if (res.data.status == 400) {
							this.works = []
							this.workh = []
						} else {
							
							this.works = res.data.data.video_list
							this.workh = res.data.data.video_list

						}
					}
				});
			},
			zhidetail(id) {
				uni.request({
					url: 'https://dsx.cdzer.com/api/Job/job_details', //仅为示例，并非真实接口地址。
					method: 'POST',
					data: {
						job_id: id
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
					},
					success: (res) => {
						// console.log(res.data.data, "招聘职位列表")
						this.zlist = res.data.data
						this.isShow = false
					}
				});
			},
			getreadprofile() {
				this.$http.getreadprofile().then(res => {
					if (res.status == 200) {
						uni.setStorageSync('userInfo', JSON.stringify(res.data));

						this.userInfo = res.data;
						this.userId = res.data.id
						this.initCenter()
						// vuex 提交用户信息
						this.$store.commit('setUserInfo', res.data)
						if (this.userId == '') {
							uni.request({
								url: 'https://dsx.cdzer.com/api/MemberInfo/getuserinfo', //仅为示例，并非真实接口地址。
								method: 'POST',
								data: {
									uid: this.userInfo.id
								},
								header: {
									'content-type': 'application/x-www-form-urlencoded',
								},
								success: (res) => {
									this.useinfo = res.data.data
									if (this.useinfo.sex == 1) {
										this.sexindex = 1
									} else if (this.useinfo.sex == 2) {
										this.sexindex = 2
									}
								}
							});
						} else {
							uni.request({
								url: 'https://dsx.cdzer.com/api/MemberInfo/getuserinfo', //仅为示例，并非真实接口地址。
								method: 'POST',
								data: {
									uid: this.userId,
									br_uid: this.userInfo.id
								},
								header: {
									'content-type': 'application/x-www-form-urlencoded',
								},
								success: (res) => {
									this.useinfo = res.data.data
									if (this.useinfo.sex == 1) {
										this.sexindex = 1
									} else if (this.useinfo.sex == 2) {
										this.sexindex = 2
									}
								}
							});
						}
					} else {
						uni.navigateTo({
							url: '/pagesB/login/login'
						})
					}
				})
			},
			set() {
				uni.navigateTo({
					url: '/pagesB/setting/setting'
				})
			},
			getServiceHotline() {
				this.$http.getserviceHotline().then(res => {
					if (res.status == 200) {
						this.serviceHotline = res.data.serviceHotline;

					}
				})
			},
			showPopUpBox() {
				this.showBox = 1;
			},
			showPopUpBoxs() {
				console.log('进来了吗')
			},
			hideMask() {
				this.showBox = 0;
			},
			juan() {
				uni.navigateTo({
					url: '/pagesB/coupon/coupon'
				})

			},
			toguanzhu() {
				uni.navigateTo({
					url: `/pages/homeSon/guanzhu?type=${1}`
				})
			},
			tofensi() {
				uni.navigateTo({
					url: `/pages/homeSon/guanzhu?type=${2}`
				})
			},
			toshop() {
				this.$http.getpanduan().then(res => {

					if (res.status == 200) {
						if (res.data.zhuangtai == 2) { // 进入审核流程状态页
							this.getnav('/pagesB/moneyCartSon/Settledin')
						} else {
							this.getnav(`/pagesB/applyShop/applyShop?typeshop=1`)
						}
					}
				})

			},
			tocart() {
				uni.navigateTo({
					url: '/pages/tabBar/carted'
				})
			},
			todingdan() {
				uni.navigateTo({
					url: `/pagesC/homeSon/allOrder?index=0`
				})
			},
			dizhi() {
				uni.navigateTo({
					url: '/pagesB/personalSon/address'
				})
			},
			xiugai(){
				uni.navigateTo({
					url: `/pages/tabBar/bianji/bianjigeren?useid=${this.useinfo.id}`
				})
			},
			toziliao(){
				var items = JSON.stringify(this.useinfo)
				uni.navigateTo({
					url: `/pages/tabBar/bianji/ziiao?item=${items}&useid=${this.useinfo.id}`
				})
			},
			tobianji() {
				var a = 1
				var items = JSON.stringify(this.useinfo)
				uni.navigateTo({
					url: `/pages/tabBar/bianji/index?type=${a}&item=${items}&useid=${this.useinfo.id}`
				})
			},
			toshipin() {
				uni.navigateTo({
					url: '/pages/tabBar/shipin/fabu'
				})
			},
			navPlayer(id, index) {
				console.log(this.isshow,"")
				var shipin = JSON.stringify(this.works)
				var ids = JSON.stringify(this.useinfo).id
				var useid = this.useinfo.id
				console.log(this.useinfo.id, "6666")
				var typed = 0
				this.$store.commit('setPlayList', this.works)
				uni.navigateTo({
					url: '/pagesC/home/shopPlyer/shopPlyer?shpo_id=' + useid + '&index=' + index + '&page=' + this
						.page + '&shipin=' + shipin + '&typed=' + typed + '&useid=' + useid + '&typew=' + this.isshow
				})

			},
			navPlayerd(id, index) {
				
				var shipin = JSON.stringify(this.worksd)
				var useid = this.useinfo.id
				this.$store.commit('setPlayList', this.works)
				var typed = 0
				uni.navigateTo({
					url: '/pagesC/home/shopPlyer/shopPlyer?shpo_id=' + id + '&index=' + index + '&page=' + this
						.page + '&shipin=' + shipin + '&typed=' + typed+ '&typew=' + this.isshow+ '&useid=' + useid
				})
			},
			ziliao() {
				uni.navigateTo({
					url: `/pagesC/ziliao?shopId=${this.shop_id}`
				})
			},
			bottomScroll() {

				if (!this.isUpdate) return
				if (this.worksd.length > 10) {
					this.page++
					this.initCenter()
				} else {}

			},
			initCenter(shop_id) {
				this.isUpdate = false
				uni.request({
					url: 'https://dsx.cdzer.com/api/MemberInfo/user_video', //仅为示例，并非真实接口地址。
					data: {
						uid: this.userId,
						page: this.page
					},
					header: {
						'content-type': 'application/x-www-form-urlencoded',
					},
					method: 'POST',
					success: (res) => {
						// console.log(res, "上传视频")
						if (res.data.status == 400) {
							this.works = []
						} else {
							this.works = res.data.data.video_list
						}
					}
				});
				this.$http.shop_video({
					shop_id,
					page: this.page,
				}).then(res => {
					if (res.status == 200) {
						this.worksd = res.data.video_list
						this.works_num = res.data.toal_num
						if (res.data.length == 0) {
							this.page = --this.page
							this.loadingType = 2
						}
						// ++this.page

						this.isUpdate = true
					}
				})
			},
			initData(shop_id) {
				// alert(shop_id)
				this.initCenter(shop_id)
				this.$http.shop_info({
					shop_id,
				}).then(res => {
					// console.log(res)
					if (res.status == 200) {
						this.info = res.data

						uni.setNavigationBarTitle({
							title: this.info.shop_name
						})
					}
				}).catch(err => {

				})
			},
			openMap() {

				const latitude = parseFloat(this.info.lat)
				const longitude = parseFloat(this.info.lng)
				console.log(latitude, longitude)
				wx.openLocation({
					latitude,
					longitude,
					scale: 18
				})

			},
			callTel() {
				uni.makePhoneCall({
					phoneNumber: this.info.telephone
				})
			},
			daohang() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.cebian.open()
			},
			daohangs() {
				// 通过组件定义的ref调用uni-popup方法 ,如果传入参数 ，type 属性将失效 ，仅支持 ['top','left','bottom','right','center']
				this.$refs.cebiantwo.open()
			},
			openTel() {
				this.$refs.tel.open('bottom')
			},
			openditu() {
				this.$refs.ditu.open('bottom')
			},
			openZhi() {
				if (this.zhilist.length > 0) {
					this.$refs.zhiwei.open('bottom')
				} else {
					uni.showToast({
						title: '暂未发布职位',
						icon: 'none'
					})
				}

			},
			cencelZhi() {
				this.$refs.zhiwei.close()
			},
			cencelTel() {
				this.$refs.tel.close()
			},
			cencel() {
				this.$refs.ditu.close()
			},
			navLive() {
				uni.navigateTo({
					url: '../LiveDynamic/LiveDynamic?id=' + this.info.id
				})
			},
			navShopActive() {
				uni.navigateTo({
					url: '../shopActive/shopActive?id=' + this.info.id
				})
			},
			navWindowcase() {
				var tou = JSON.stringify(this.info.logo)
				uni.navigateTo({
					url: `/pagesC/home/showcase/showcase?id=${this.info.id}&name=${this.info.shop_name}&num=${this.info.totalshop_num.sell_total_num}&tou=${tou}`
				})
			},
			openplanit() {
				this.$refs.complanit.open()
			},
			addfollow() {
				if (this.clickLoading) {
					uni.showToast({
						title: "点击过于频繁 ~",
						icon: "none",
						duration: 1000
					})
					return
				}
				if (this.userInfo === null || this.userInfo === undefined || this.userInfo === '') {
					uni.showToast({
						title: "登录后才可以关注 \r\n ∠( ᐛ 」∠)＿",
						icon: "none",
						duration: 2000
					})
					return
				}
				this.clickLoading = true
				let shop_id = this.info.id
				this.$http.addfollow({
					shop_id
				}).then(res => {
					console.log(res)
					if (res.status == 200) {
						this.info.is_follow = 1
					} else {
						uni.showToast({
							title: res.mess,
							icon: 'none'
						})
					}
					this.clickLoading = false
				}).catch(err => {
					this.clickLoading = false
				})
			},
			reduceFollow() {
				if (this.clickLoading) {
					uni.showToast({
						title: "点击过于频繁 ~",
						icon: "none",
						duration: 1000
					})
					return
				}
				if (this.userInfo === null || this.userInfo === undefined || this.userInfo === '') {
					uni.showToast({
						title: "登录后才可以关注 \r\n ∠( ᐛ 」∠)＿",
						icon: "none",
						duration: 2000
					})
					return
				}
				this.clickLoading = true
				let shop_id = this.info.id
				this.$http.cancelfollow({
					shop_id
				}).then(res => {
					console.log(res)
					if (res.status == 200) {
						console.log('取消')
						this.info.is_follow = 0
					}
					this.clickLoading = false
				}).catch(err => {
					this.clickLoading = false
				})
			},

		}
	}
</script>

<style lang='less' scoped>
	.heng {
		width: 50upx;
		height: 3upx;
		background: #fff;
		border-radius: 3upx;
		display: inline-block;
	}

	.gg {
		/* font-size: 32upx; */
		font-size: 32upx;
		color: #999999;
	}

	.ggw {
		/* font-size: 32upx; */
		font-size: 32upx;
		color: #fff;
		/* font-weight: bold; */
		/* border-bottom: 2upx solid #FF3D3D; */
		display: flex;
		flex-direction: column;
	}

	.toutou {
		background: url(../../static/uerback.png) no-repeat;
		background-size: cover;
		width: 100%;
		height: 280upx;
		display: flex;
		justify-content: flex-end;
	}

	.popUpBox {
		position: fixed;
		width: 402upx;
		height: 452upx;
		background: #fff;
		z-index: 999;
		border-radius: 20upx;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);

		.tel {
			text-align: center;
			margin-top: -25upx;

			image {
				width: 174upx;
				height: 174upx;
			}
		}

		.text {
			line-height: 43upx;
			font-weight: bold;
			text-align: center;
		}

		.button {
			width: 247upx;
			height: 66upx;
			border-radius: 45upx;
			position: absolute;
			bottom: 36upx;
			left: 50%;
			transform: translate(-50%, 0)
		}

		.cancel {
			width: 53upx;
			height: 53upx;
			position: absolute;
			left: 50%;
			transform: translate(-50%, 0);
			bottom: -75upx;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.youce {
		width: 480upx;
		height: 100%;
		background-color: #242730;
		padding: 30upx 40upx;
	}

	.qsan {
		display: flex;
		flex-direction: column;
		border-bottom: 2upx solid #52586A;
		padding-bottom: 55upx;

		view {
			display: flex;
			align-items: center;
			width: 100%;
			/* justify-content: center; */
			margin-top: 80upx;
		}

		text {
			padding-left: 30upx;
		}
	}

	.housi {
		display: flex;
		flex-direction: column;
		padding-bottom: 80upx;

		view {
			display: flex;
			align-items: center;
			width: 100%;
			/* justify-content: center; */
			margin-top: 80upx;
		}

		text {
			padding-left: 30upx;
		}
	}

	.hui {
		width: 350upx;
		height: 90upx;
		background: #242730;
		color: #FFFFFF;
		font-size: 36upx;
		text-align: center;
		line-height: 90upx;
		/* border-radius: 20upx; */
	}

	uni-input {
		font-size: 36upx;
		color: #fff;
	}

	.tou {
		display: flex;
		/* padding: 30upx; */
		flex-direction: column;
		/* align-items: center; */
		justify-content: flex-start;

	}

	.jieshao {
		/* padding: 30upx; */
	}

	.across {
		display: flex;

	}

	.vertical {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}

	.person_boxd {
		background-color: rgba(0, 0, 0);
		/* width: 100vw; */
		/* height: 100vh; */
		height: 100%;
		overflow: scroll;
	}

	.person_box {
		background-color: rgba(0, 0, 0);
		width: 100vw;
		/* height: 100vh; */
		height: 100%;
		overflow: scroll;

		.person_top {
			align-items: center;
			width: 94vw;
			justify-content: space-between;
			padding: 20rpx 0;
			margin: 0 3vw;
			color: #fff;
			position: relative;
			top: -26px
		}

		.person_top {
			.avatar_box {
				position: relative;
				view {
					font-size: 36rpx;
				}

				.shop_name {
					position: absolute;
					bottom: -58rpx;
					white-space: nowrap;
				}
			}

			.follow {
				width: 58vw;
				height: 74rpx;
				background-color: #ff3d3d;
				border-radius: 10rpx;
				text-align: center;
				line-height: 74rpx;
			}

			.more_btn {
				width: 74rpx;
				height: 74rpx;
				background-color: #242730;
				border-radius: 10rpx;

				image {
					margin-left: 15rpx;
					margin-top: 33rpx;
					width: 44rpx;
					height: 8rpx;
				}
			}
		}

		.person_center {
			margin: 20rpx 3vw;
			/* width: 94vw; */
			/* margin-top: 60rpx; */
			/* height: 340rpx; */

			.info_box {
				height: 88rpx;
				width: 94vw;
				color: #fff;
				padding: 0 15rpx;
				background-color: #242730;
				border-radius: 10rpx;
				justify-content: space-between;
				align-items: center;

				view {
					width: 100%;
					overflow: hidden;
					white-space: nowrap;
					line-height: 88rpx;
					text-overflow: ellipsis;
					font-size: 30rpx;
				}

				image {
					width: 34rpx;
					height: 34rpx;
				}

				.handle {
					width: 20vw;
					justify-content: space-around;
				}
			}

			.desc_boxa {
				/* width: 94vw; */
				/* width: 160upx; */
				/* height: 60upx; */
				font-size: 30rpx;
				color: #ffffff;
				margin-top: 30rpx;
				/* line-height: 30rpx; */
				/* text-align: center; */
				/* background: #242730; */
				letter-spacing: 2rpx;
				padding: 10rpx 15rpx;
			}

			.desc_box {
				/* width: 94vw; */
				/* width: 160upx; */
				/* height: 60upx; */
				/* font-size: 30rpx; */
				color: #ffffff;
				margin-top: 30rpx;
				/* line-height: 30rpx; */
				text-align: center;
				background: #242730;
				letter-spacing: 2rpx;
				padding: 10rpx 20rpx;
			}

			.desc_boxw {
				/* width: 94vw; */
				/* 				min-width: 200upx;
				max-width: 460upx; */
				/* border-radius: 20upx; */
				/* height: 60upx; */
				font-size: 30rpx;
				padding: 10rpx 20rpx;
				color: #ffffff;
				margin-top: 30rpx;
				/* line-height: 60rpx; */
				text-align: center;
				background: #242730;
				letter-spacing: 2rpx;
			}

			.nums_box {
				width: 40vw;
				/* justify-content: space-between; */
				color: #999999;
				margin: 10rpx 10rpx;
				font-size: 30rpx;

				.bold {
					color: #ffffff;
					margin-right: 5rpx;
				}
			}

			.hint_box {
				/* margin-top: 20rpx; */
				width: 94vw;
				overflow-y: auto;
				justify-content: flex-start;

				.across {
					flex-shrink: 0;
					margin-right: 6vw;

					.img_box {
						width: 75rpx;
						height: 74rpx;
						background-color: #242730;
						border-radius: 10rpx;

						image {
							width: 34rpx;
							height: 32rpx;
							margin-left: 20rpx;
							margin-top: 21rpx;
						}
					}

					.vertical {
						font-size: 24rpx;
						margin-left: 10rpx;
						color: #999;

						.title {
							font-size: 30rpx;
							color: #fff;
						}
					}
				}
			}
		}

		.works {
			margin: 0rpx 3vw;
			width: 94vw;

			.hint {
				font-size: 30rpx;
				color: #fffefe;
			}

			.works_center {
				/* height: calc(100vh - 700rpx); */

				.works_box {
					display: flex;
					flex-wrap: wrap;

					.item {
						margin-right: 0.9vw;
						position: relative;
						display: flex;
						flex-direction: column;

						.title {
							font-size: 30upx;
							width: 215upx;
							text-align: center;
							border-radius: 0px 0px 10upx 10upx;
							background-color: #242730;
							padding: 6upx;
							color: #fff;
							white-space: nowrap; //规定段落中的文本不进行换行
							text-overflow: ellipsis;
							overflow: hidden;
						}

						image {
							width: 30vw;
							height: 40vw;
						}

						view {
							position: relative;

						}

						.like_box {
							position: absolute;
							left: 15rpx;
							bottom: 60rpx;
							color: #fff;
							font-size: 24rpx;
							display: flex;
							align-items: center;

							image {
								width: 21rpx;
								height: 18rpx;
								z-index: 2;
								margin-right: 5rpx;
							}
						}
					}
				}


			}

		}

		.center {
			height: 276rpx;
			background-color: #f5f5f5;
			display: flex;
			justify-content: space-between;
			flex-direction: column;

			.content {
				height: 120rpx;
				text-align: center;
				line-height: 120rpx;
				font-size: 36rpx;
				border-top-right-radius: 15rpx;
				border-top-left-radius: 15rpx;
				background-color: #fff;
			}

			.cancel {
				line-height: 120rpx;
				height: 120rpx;
				text-align: center;
				font-size: 30rpx;
				background-color: #fff;
			}
		}

		::-webkit-scrollbar {
			display: none
		}
	}
</style>
